<?php 
require 'session.php';
?>
<!DOCTYPE html>
<html>
<head>
    <title>Roller Service S.A.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        function inicio() {
            $("#contenedor-izquierda").html("<div class='alert alert-error'>menu de la izquierda</div>");
            $("#contenedor-derecha").html("<div class='alert alert-success'>Contenido de la derecha</div>");
        }
    
        function cargarContenido(id) {
            var parametros = {
                "id" : id
            };
            
            $("#contenedor-izquierda").html("");
            
            $.ajax({
                data:   parametros,
                url:    'controladores/contenidoControlador.php',
                type:   'post',
                beforeSend: function() {
                    $("#contenedor-derecha").html("<br /><p class='text-center'><img src='imagenes/ajax-loader.gif' /></p>");
                },
                success:    function(response) {
                    if(response == '#') {
                        $("#contenedor-derecha").html("");
                    } else {
                        $("#contenedor-derecha").load(response);
                    }
                }
            });
        }
    </script> 

</head>

<body>
      
      <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
              <div class="container">
                  <a class="brand" href="#">Roller Service S.A.</a>
                  
                  
                  <a href="#" onclick="inicio();" class="btn btn-inverse" type="button">
                      <i class="icon-home icon-white"></i>
                      Inicio
                  </a>
                  <?php
                    require_once 'controladores/menuControlador.php';
                    //getMenu();
                  ?>
                  <div class="btn-group pull-right">
                    <a href="#" class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-user icon-white"></i>
                        Usuario
                        <div class="caret"></div>
                    </a>
                      <ul class="dropdown-menu">
                          <li><a href="logout.php">Logout</a></li>
                      </ul>
                  </div>

              </div>
          </div>
      </div>
      
      <br /><br />

      <div class="container-fluid">
        <div class="row-fluid">
            <div id="contenedor-izquierda" class="span2">
                
            </div>
            <div id="contenedor-derecha" class="span10">
               
                <br />
                <div class="progress progress-striped active">
                    <div class="bar" style="width: 60%;"></div>
                </div>
                <div class="progress progress-danger progress-striped active">
                    <div class="bar" style="width: 40%"></div>
                </div>
                
            </div>
        </div>
      </div>
      
  </body> 

  

  </body>
</html>